<!DOCTYPE html>
<!--页面语言：简体中文-->
<html lang="zh-CN">
<head>
    <!--页面字符集-->
    <meta charset="UTF-8">
    <!--建议使用最高版本的IE浏览器，使用chrome模式-->
    <meta http-equiv="X-UA-Compatible" content="ie=edge,chrome=1">
    <!--页面渲染引擎：webkit-->
    <meta name="renderer" content="webkit">
    <!--网站关键字-->
    <meta name="keywords" content="九江学院，信息科学与技术学院，计算机科学与技术，数字媒体技术，信息管理与信息系统，教育技术学，物联网工程，网络工程，软件工程">
    <!--网站描述-->
    <meta name="description" content="信息科学与技术学院以学科建设为龙头，以教育为中心，以育人为要务，培养">
    <!--网站作者-->
    <meta name="author" content="信息科学与技术学院">
    <!--网站版权-->
    <meta name="copyright" content="信息科学与技术学院">
    <!--搜索引擎机器人建议规则-->
    <meta name="robots" content="follow,index">
    <!--页面标题-->
    <title>九江学院信息科学与技术学院</title>
    <!--CSS Reset风格文件-->
    <link rel="stylesheet" href="css/normalize.css">
    <!--页面风格文件-->
    <link rel="stylesheet" href="css/main.css">
</head>
<body>
<!--页面包围-->
<div class="wrapper">
    <!--页面头部-->
    <div class="header">
        <div class="title"><h1><img src="./image/logo.png" alt="九江学院信息科学与技术学院"></h1></div>
        <div class="nav">
            <ul class="menu">
                <li class="no_f"><a href="#">首页</a></li>
                <li><a href="#">学院概况</a>
                    <ul class="submenu">
                        <li><a href="#">学院简介</a></li>
                        <li><a href="#">现任领导</a></li>
                        <li><a href="#">机构设置</a></li>
                        <li><a href="#">师资队伍</a></li>
                    </ul>
                </li>
                <li><a href="#">党团建设</a>
                    <ul class="submenu">
                        <li><a href="#">规章制度</a></li>
                        <li><a href="#">党团动态</a></li>
                    </ul>
                </li>
                <li><a href="#">学科专业</a>
                    <ul class="submenu">
                        <li><a href="#">重点学科</a></li>
                        <li><a href="#">专业设置</a></li>
                    </ul>
                </li>
                <li><a href="#">教务教学</a>
                    <ul class="submenu">
                        <li><a href="#">实践教学</a></li>
                        <li><a href="#">考务信息</a></li>
                        <li><a href="#">毕业设计</a></li>
                    </ul>
                </li>
                <li><a href="#">科学研究</a>
                    <ul class="submenu">
                        <li><a href="#">科研机构</a></li>
                        <li><a href="#">科研项目</a></li>
                        <li><a href="#">科研论文</a></li>
                        <li><a href="#">获奖信息</a></li>
                    </ul>
                </li>
                <li><a href="#">学生工作</a>
                    <ul class="submenu">
                        <li><a href="#">管理制度</a></li>
                        <li><a href="#">机构人员</a></li>
                        <li><a href="#">学工动态</a></li>
                        <li><a href="#">就业信息</a></li>
                    </ul>
                </li>
                <li><a href="#">实验中心</a></li>
                <li><a href="#">下载中心</a></li>
            </ul>
        </div>
    </div>
    <!--页面主体-->
    <div class="main">
        <!--左边栏-->
        <div class="sidebar">
            <!--快捷通道-->
            <div class="quick_menu">
                <ul>
                    <li class="title"></li>
                    <li><a href="#">学院简介</a></li>
                    <li><a href="#">办事指南</a></li>
                    <li><a href="#">领导信箱</a></li>
                    <li><a href="#">教务系统</a></li>
                    <li><a href="#">证书培训</a></li>
                    <li><a href="#">教学资源</a></li>
                    <li><a href="#">下载中心</a></li>
                    <li><a href="#">专升本</a></li>
                </ul>
            </div>
            <!--常用链接-->
            <div class="links">
                <ul>
                    <li class="title"></li>
                    <li><a href="http://jwc.jju.edu.cn/" target="_blank">教务处</a></li>
                    <li><a href="#">毕业设计管理系统</a></li>
                    <li><a href="#">教科研管理系统</a></li>
                    <li><a href="#">教务发布系统</a></li>
                    <li><a href="http://www.jju.edu.cn/" target="_blank">九江学院主站</a></li>
                </ul>
            </div>
        </div>
        <!--信息区域-->
        <div class="content">
            <!--左边信息区域-->
            <div class="content_left">
                <!--图片新闻-->
                <div class="news_photo">
                    <div class="news_title">
                        <!--左圆角：固定大小-->
                        <span class="block corner_left"></span>
                        <!--内容：动态可变-->
                        <span class="block title_center">图片新闻 <div class="more"><img src="./image/more.png" alt="更多"></div></span>
                        <!--右圆角：固定大小-->
                        <span class="block corner_right"></span>
                    </div>
                    <div class="news_content left-border right-border"></div>
                </div>
                <!--最新动态-->
                <div class="news_update">
                    <div class="news_title">
                        <!--角：固定大小-->
                        <span class="block left-border right-angle"></span>
                        <!--内容：动态可变-->
                        <span class="block title_center_white">最新动态 <div class="more"><img src="./image/more.png" alt="更多"></div></span>
                        <!--角：固定大小-->
                        <span class="block right-border right-angle"></span>
                    </div>
                    <div class="clear"></div>
                    <div class="news_content left-border right-border">
                        <ul>
                            <li><a href="#" title="显示完成的信息内容">信息学院骨干班举行“从心沟通，崇尚礼仪”讲座</a><span class="time">[04-12]</span></li>
                            <li><a href="#" title="显示完成的信息内容">信息学院骨干班举行“从心沟通，崇尚礼仪”讲座</a><span class="time">[04-12]</span></li>
                            <li><a href="#" title="显示完成的信息内容">信息学院骨干班举行“从心沟通，崇尚礼仪”讲座</a><span class="time">[04-12]</span></li>
                            <li><a href="#" title="显示完成的信息内容">信息学院骨干班举行“从心沟通，崇尚礼仪”讲座</a><span class="time">[04-12]</span></li>
                            <li><a href="#" title="显示完成的信息内容">信息学院骨干班举行“从心沟通，崇尚礼仪”讲座</a><span class="time">[04-12]</span></li>
                            <li><a href="#" title="显示完成的信息内容">信息学院骨干班举行“从心沟通，崇尚礼仪”讲座</a><span class="time">[04-12]</span></li>
                            <li><a href="#" title="显示完成的信息内容">信息学院骨干班举行“从心沟通，崇尚礼仪”讲座</a><span class="time">[04-12]</span></li>
                            <li><a href="#" title="显示完成的信息内容">信息学院骨干班举行“从心沟通，崇尚礼仪”讲座</a><span class="time">[04-12]</span></li>
                            <li><a href="#" title="显示完成的信息内容">信息学院骨干班举行“从心沟通，崇尚礼仪”讲座</a><span class="time">[04-12]</span></li>
                            <li><a href="#" title="显示完成的信息内容">信息学院骨干班举行“从心沟通，崇尚礼仪”讲座</a><span class="time">[04-12]</span></li>
                        </ul>
                    </div>
                </div>
            </div>
            <!--右边信息区域-->
            <div class="content_right">
                <!--通知公告-->
                <div class="news_notice">
                    <div class="news_title">
                        <!--左圆角：固定大小-->
                        <span class="block corner_left"></span>
                        <!--内容：动态可变-->
                        <span class="block title_center">通知公告 <div class="more"><img src="./image/more.png" alt="更多"></div></span>
                        <!--右圆角：固定大小-->
                        <span class="block corner_right"></span>
                    </div>
                    <div class="news_content left-border right-border">
                        <ul>
                            <li><a href="#">信息科学与技术学院2017-2018学期</a><span class="time">[03-12]</span></li>
                            <li><a href="#">信息科学与技术学院2017-2018学期</a><span class="time">[03-12]</span></li>
                            <li><a href="#">信息科学与技术学院2017-2018学期</a><span class="time">[03-12]</span></li>
                            <li><a href="#">信息科学与技术学院2017-2018学期</a><span class="time">[03-12]</span></li>
                            <li><a href="#">信息科学与技术学院2017-2018学期</a><span class="time">[03-12]</span></li>
                            <li><a href="#">信息科学与技术学院2017-2018学期</a><span class="time">[03-12]</span></li>
                            <li><a href="#">信息科学与技术学院2017-2018学期</a><span class="time">[03-12]</span></li>
                            <li><a href="#">信息科学与技术学院2017-2018学期</a><span class="time">[03-12]</span></li>
                        </ul>
                    </div>
                </div>
                <!--就业信息-->
                <div class="news_job">
                    <div class="news_title">
                        <!--角：固定大小-->
                        <span class="block left-border right-angle"></span>
                        <!--内容：动态可变-->
                        <span class="block title_center_white">就业信息 <div class="more"><img src="./image/more.png" alt="更多"></div></span>
                        <!--角：固定大小-->
                        <span class="block right-border right-angle"></span>
                    </div>
                    <div class="news_content left-border right-border">
                        <ul>
                            <li><a href="">杭州十月物联科技有限公司招聘</a><span class="time">[11-13]</span></li>
                            <li><a href="">杭州十月物联科技有限公司招聘</a><span class="time">[11-13]</span></li>
                            <li><a href="">杭州十月物联科技有限公司招聘</a><span class="time">[11-13]</span></li>
                            <li><a href="">杭州十月物联科技有限公司招聘</a><span class="time">[11-13]</span></li>
                            <li><a href="">杭州十月物联科技有限公司招聘</a><span class="time">[11-13]</span></li>
                            <li><a href="">杭州十月物联科技有限公司招聘</a><span class="time">[11-13]</span></li>
                            <li><a href="">杭州十月物联科技有限公司招聘</a><span class="time">[11-13]</span></li>
                            <li><a href="">杭州十月物联科技有限公司招聘</a><span class="time">[11-13]</span></li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
        <!--滚动相册-->
        <div class="album">
            <ul>
                <li><img src="./album/picture1.jpg" alt=""></li>
                <li><img src="./album/picture1.jpg" alt=""></li>
                <li><img src="./album/picture1.jpg" alt=""></li>
                <li><img src="./album/picture1.jpg" alt=""></li>
                <li><img src="./album/picture1.jpg" alt=""></li>
                <li><img src="./album/picture1.jpg" alt=""></li>
            </ul>
        </div>
        <div class="clear"></div>
    </div>
    <!--页面底部-->
    <div class="footer">
        <address>
            地址：九江市前进东路551号&emsp;&emsp;邮编：332005&emsp;&emsp;电话：0792-8311029&emsp;&emsp;邮箱：xx_xzg@126.com&emsp;&emsp;&emsp;九江学院信息科学与技术学院&emsp;版权所有
        </address>
    </div>
</div>
</body>
</html>